<script setup lang="ts">
import { useRouter } from 'vue-router';


const router = useRouter()
function backClick() {
    localStorage.removeItem('token')
    localStorage.removeItem('isstate')
    router.push('/mylogin')

}


</script>


<template>
    <div class="set">
        <header class="set-header">
            <div class="back" @click="$router.push('/mylogin')" style="margin-left:15px; margin-top: 30px;">
                <svg t="1731383206890" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="2340" width="18" height="18">
                    <path
                        d="M733.090909 977.454545a23.202909 23.202909 0 0 1-16.453818-6.818909l-442.181818-442.158545a23.202909 23.202909 0 0 1 0-32.907636l442.181818-442.205091a23.249455 23.249455 0 1 1 32.907636 32.907636L323.816727 512.023273l425.728 425.704727A23.249455 23.249455 0 0 1 733.090909 977.454545z"
                        fill="" p-id="2341"></path>
                </svg>
                <span style="font-size: 18px; color: #000; margin-left: 120px;">设置</span>
            </div>
        </header>

        <main class="set-main">
            <van-cell title="个人信息" is-link />
            <van-cell title="账号安全" is-link />
            <van-cell title="消息设置" is-link />
            <van-cell title="消息通知" is-link />
            <van-cell title="关于我们" is-link />
            <van-cell title="退出登录" is-link @click="backClick" />
        </main>

    </div>
</template>


<style scoped lang="scss"></style>